<template>
  <editmodel :options="options" :modelType="newVip"></editmodel>
</template>

<script lang="ts" setup>
import { ref, reactive, } from "vue"

import editmodel from "../editModel/index.vue";

//data
const newVip = 'newVip'

const options = reactive({
  message: "A组只能往B组拖到一个元素",
  group: {
    name: "itxst",
    put: false, //允许拖入
    pull: 'clone',
  },
  componentList: [
    {
      type: "custom",
      header: "自定义组件",
      list: [
        { name: "单行输入", icon: "icon-a-singlelineinput", componentName: "input" },
        { name: "多行输入", icon: "icon-a-multilineinput", componentName: "textArea" },
        { name: "单选框", icon: "icon-a-Singleoption", componentName: "radio" },
        { name: "多选框", icon: "icon-a-Multipleselection", componentName: "checkbox" },
        { name: "下拉选框", icon: "icon-a-dropdownbox", componentName: "dropdownbox" },
        { name: "日期", icon: "icon-calendar", componentName: "dateTime" },
        { name: '附件上传', icon: 'icon-attachment', componentName: 'enclosureUpload' },
        {
          name: "单图上传",
          icon: "icon-a-Singleimageupload",
          componentName: "singleImgUpload",
          isRightAble: false,
        },
      ],
    },
    {
      type: 'system',
      header: '系统组件',
      list: [
        { name: '手机号', icon: 'icon-mobile', componentName: 'phone', uniqe: true },
        { name: '头像', icon: 'icon-a-Headpicture', componentName: 'headImage', uniqe: true },
        { name: '所属分组', icon: 'icon-grouping', componentName: 'groupId', uniqe: true },
        { name: '昵称', icon: 'icon-nickname', componentName: 'nickName', uniqe: true },
        { name: '真实姓名', icon: 'icon-introduction', componentName: 'realName', uniqe: true },
        { name: '年龄', icon: 'icon-name', componentName: 'age', uniqe: true },
        { name: '性别', icon: 'icon-gender', componentName: 'sex', uniqe: true },
        { name: '座机号', icon: 'icon-landline', componentName: 'fixPhone', uniqe: true },
        { name: '个性签名', icon: 'icon-introduction', componentName: 'signature', uniqe: true },
        { name: '生日', icon: 'icon-birthday', componentName: 'birthday', uniqe: true },
        { name: '邮箱', icon: 'icon-a-mailbox1', componentName: 'email', uniqe: true },

        { name: '身份证', icon: 'icon-a-Idnumber', componentName: 'identity', uniqe: true },
        { name: '详细地址', icon: 'icon-a-Fulladdress1', componentName: 'address', uniqe: true },
        // { name: '所在城市', icon: 'icon-city', componentName: 'localcity' },
      ],
    },
  ],
});



</script>

<style lang="less" scoped></style>